<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" th:replace="~{layout.html :: layout(~{::title}, ~{::section})}">
<head>
  <title>仪表盘</title>
</head>
<body>

<section>
<div class="row">
  <div class="col">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col">
            <div class="card">
              <div class="card-body">
                <!-- Button trigger modal -->

                <div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
                  <div class="btn-group me-2" role="group" aria-label="First group">
                    <button type="button" class="btn btn-outline-primary"  data-bs-toggle="modal" data-bs-target="#staticBackdrop">创建租户</button>
                    <button type="button" class="btn btn-outline-primary">设置激活码</button>
                    <button type="button" class="btn btn-outline-primary">续期</button>

                  </div>
                </div>
                <!-- Modal -->
                <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel">创建租户</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                      </div>
                      <div class="modal-body modal-dialog-centered">
                        <div class="container">
                          <div class="row">
                            <div class="col-md-8 col-lg-6 col-xl-4">
                              <div class="card register-box-container">
                                <div class="card-body">
<!--                                  <div class="authent-logo"><img src="../static/images/logo-new.png" alt=""></div>-->
                                  <form>
                                    <div class="mb-3">
                                      <div class="form-floating">
                                        <input type="text" class="form-control" id="floatingInput" placeholder="名称">
                                        <label for="floatingInput">名称</label>
                                      </div>
                                    </div>
                                    <div class="mb-3">
                                      <div class="form-floating">
                                        <input type="email" class="form-control" id="floatingInput1" placeholder="手机号">
                                        <label for="floatingInput">手机号</label>
                                      </div>
                                    </div>
                                    <div class="mb-3">
                                      <div class="form-floating">
                                        <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
                                        <label for="floatingPassword">密码</label>
                                      </div>
                                    </div>
                                    <div class="mb-3">
                                      <div class="form-floating">
                                        <input type="password" class="form-control" id="floatingPassword1" placeholder="Confirm Password">
                                        <label for="floatingPassword">Confirm Password</label>
                                      </div>
                                    </div>
                                    <div class="mb-3 form-check">
                                      <input type="checkbox" class="form-check-input" id="exampleCheck1">
                                      <label class="form-check-label" for="exampleCheck1">I agree the <a href="#">Terms and Conditions</a></label>
                                    </div>

                                      <div class="mb-3 col-sm-10">
                                        <div class="form-check">
                                          <input class="form-check-input" type="radio" name="storeType" id="gridRadios1" value="1" checked="">
                                          <label class="form-check-label" for="gridRadios1">云店 </label>
                                        </div>
                                        <div class="form-check">
                                          <input class="form-check-input" type="radio" name="storeType" id="gridRadios2" value="2">
                                          <label class="form-check-label" for="gridRadios2">门店 </label>
                                        </div>
                                      </div>



                                    <div class="mb-3">
                                      <div class="form-floating">
                                      <input
                                          type="text"
                                          id="datetime-picker"
                                          class="form-control"
                                          placeholder="请选择日期和时间"
                                      >
                                        <label for="datetime-picker" class="form-label">有效期</label>
                                      </div>
                                    </div>
                                    <div class="d-grid">
                                      <button type="submit" class="btn btn-primary m-b-xs">Register</button>
                                    </div>
                                  </form>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Understood</button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div id="result" class="mt-2"></div>
        <table id="tenantTable" class="display" style="width:100%">
          <thead>
          <tr>
            <th>名称</th>
            <th>手机号</th>
            <th>有效期</th>
            <th>版本</th>
          </tr>
          </thead>
          <tbody id="tenantTableBody">

          </tbody>
          <tfoot>
          <tr>
            <th>名称</th>
            <th>手机号</th>
            <th>有效期</th>
            <th>版本</th>

          </tr>
          </tfoot>
        </table>
      </div>
    </div>
  </div>
</div>
</section>
<div th:insert="~{footer :: copy}"></div>

</body>
</html>